<template>
  <div>
    
    <p>query 传参</p>
    <ul>
      <!-- 
        RouterLink to 属性的字符串形式
       -->
      <li>
        <RouterLink to="/info-query?filmId=100&filmName=拯救嫌疑人">100 - 拯救嫌疑人</RouterLink>
      </li>

      <!-- 
        RouterLink to 属性的对象形式
          - path
          - query
          - params
            不能与 path 共用
          - name
       -->
      <li>
        <RouterLink :to="{
          path: '/info-query',
          query: {
            filmId: 200,
            filmName: '河边的错误'
          }
        }">200 - 河边的错误</RouterLink>
      </li>
    </ul>

    <hr />
    <p>params 传参</p>
    <ul>
      <!-- 
        RouterLink to 属性的字符串形式
       -->
      <li>
        <RouterLink to="/info-params/100/拯救嫌疑人">100 - 拯救嫌疑人</RouterLink>
      </li>

      <!-- 
        RouterLink to 属性的对象形式
          - path
          - query
          - params
            不能与 path 共用, 要与 name 一起使用
          - name
       -->
      <li>
        <RouterLink :to="{
          // path: '/info-params',
          name: 'info-params',
          params: {
            filmId: 200,
            filmName: '河边的错误'
          }
        }">200 - 河边的错误</RouterLink>
      </li>
    </ul>

    <RouterView />
  </div>
</template>

<script>
export default {
}
</script>